import Vue from 'vue' // 导入Vue
import SvgIcon from '@/components/SvgIcon'// 全局svgIcon组件，显示svg图形

// 全局注册组件(一次注册，任意位置使用)
Vue.component('svg-icon', SvgIcon)

// require.context (是webpack的一个内置api，用于自动化导入模块)
// 使用场景：从一个文件夹引入很多模块
// 三个参数：
// 参数一：要读取的文件夹路径
// 参数二：是否遍历子目录
// 参数三：导入规则
const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => {
  // requireContext变量值：就是req
  // 方法名也是一个对象，也有属性可以访问
  return requireContext.keys().map(requireContext)
  // ['./dashboard.svg',...]  自动化导入的文件名字
  // 每个要引入文件名传入req中，进行webpack引入
}

requireAll(req)
